<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link href="../css/jquery.validator.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet">

		<link href="../plugin/userLib/css/user.css" rel="stylesheet">
		<link href="../plugin/userLib/css/userinfo.css" rel="stylesheet">
		<link href="../plugin/userLib/css/my_user.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<style>
			.info_yes a{
				color:#ED5D29;
			}
		</style>
	</head>

	<body>
		<div id="header"></div>
		<div id="headerBox"></div>
		<!--<div id="nav_menu"></div>-->
		<div class="ZZHT-wrap">
			<div class="ZZHT-header" style="border-bottom: 1px solid #ffffff;">
				<div class="ZZHT-shop-nav">
					<div class="ZZHT-nav-box">
						<a href="#">
							<li class="liselect ZZHT-lfloat ZZHT-nav-boxa">用户中心</li>
						</a>
						<div class="ZZHT-clear"></div>
					</div>
				</div>
				<div class="ZZHT-clear"></div>
			</div>
			<div class="ZZHT-main">
				<div id="user_left"></div>
				<div class="ZZHT-content" id="app">
					<div class="user_top">
						<div class="fl">
							<img src="../plugin/userLib/img/Head_portrait.png" class="headImg" alt="" style="width:70px;height:70px;border-radius:50%;"/>
						</div>
						<div class="ZZHT-user-content fl headPhoto">
							<h3>姓名</h3>
							<!--<div class="change_info">修改资料</div>-->
						</div>
						<div class="fr myInfo">
							<h3>我的消息</h3>
							<ul>
								<li class="info_no">哎呦，没有新消息哟~</li>
								<li class="info_yes"><a href="msgList.html">您有未读消息（<span></span>）</a></li>
							</ul>
						</div>
					</div>
					<div class="needDo">
						<ul>
							<li><a href="13.html">待付款 <span class="need_pay"></span></a></li>
							<li><a href="13.html">待收货 <span class="need_take_over"></span></a></li>
							<li style="border:none;"><a href="13.html">待评价 <span class="need_evaluate"></span></a></li>
						</ul>
					</div>
					<div class="ZZHT-user-head clearfix"><span class="left fl">我的账户</span></div>
					<div style="margin-bottom: 50px;">
						<div class="ZZHT-user-content" style="padding-top: 17px;">
							<div class="user-item">
								<div class="title">现金余额</div>
								<div class="price">{{yue.cash||0}}</div>
								<div class="trigger">
									<a href="deposit.html">赎回</a>
									<a href="recharge.html">充值</a>
									<a href="9.html">查看记录</a>
								</div>
							</div>
							<div class="user-item">
								<div class="title">华宝余额</div>
								<div class="price">{{yue.kaiyuan||0}}</div>
								<div class="trigger">
									<a href="depositKaiyuan.html">赎回</a>
									<a href="11.html">查看记录</a>
								</div>
							</div>
							<div class="user-item">
								<div class="title">积分</div>
								<div class="price">{{yue.score||0}}</div>
								<div class="trigger">
									<a href="10.html">查看记录</a>
								</div>
							</div>
						</div>
						<div class="ZZHT-user-content">
							<div class="user-item" v-if="userType==0">
								<div class="title">待发现金余额</div>
								<div class="price">{{yue.freezeCash||0}}</div>
								<div class="trigger">
									<a href="9-1.html">查看记录</a>
								</div>
							</div>
							<div class="user-item" v-if="userType==0">
								<div class="title">待发积分</div>
								<div class="price">{{yue.freezeScore||0}}</div>
								<div class="trigger">
									<a href="10-1.html">查看记录</a>
								</div>
							</div>
							<div class="user-item">
								<div class="title">待发特别奖励积分</div>
								<div class="price">{{yue.sumScoreSpecial||0}}</div>
								<div class="trigger">
									<a href="10-2.html">查看记录</a>
								</div>
							</div>
						</div>
					</div>
					
					<!--<div class="ZZHT-user-head clearfix" style="background-color:#f9f9f9;">
						<span class="left fl">最新订单</span>
						<span class="fr"><a href="13.html">全部订单></a></span>
					</div>
					<div style="margin-bottom: 15px;">
						<div class="ZZHT-user-content order_list">
							<div class="fl">
								<ul>
									<li>
										<img src="../plugin/userLib/img/1111.jpg" alt="" width="60px" height="60px"/>
									</li>
								</ul>
							</div>
							<div class="fr">
								<ul>
									<li>李小洒</li>
									<li>
										&yen;1099.00<br />
										在线支付
									</li>
									<li>
										2018-05-08 <br />
										10:30:14
									</li>
									<li>
										<span>等待付款</span>
									</li>
									<li>
										<a href="">查看订单</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="ZZHT-user-content order_list">
							<div class="fl">
								<ul>
									<li>
										<img src="../img/3e37a4de8e24d9b6f40f4601d8af4341.png" alt="" width="60px" height="60px"/>
									</li>
									<li>
										<img src="../plugin/userLib/img/1111.jpg" alt="" width="60px" height="60px"/>
									</li>
									<li>
										<img src="../img/514ea2e7873ed84bfc3ccc165e1d16bc.jpg" alt="" width="60px" height="60px"/>
									</li>
									<li>
										<img src="../plugin/userLib/img/omit.png" alt="" width="50px" style="padding-top: 26px;padding-left: 20px;"/>
									</li>
								</ul>
							</div>
							<div class="fr">
								<ul>
									<li>李小洒</li>
									<li>
										&yen;1099.00<br />
										在线支付
									</li>
									<li>
										2018-05-08 <br />
										10:30:14
									</li>
									<li>
										<span>等待付款</span>
									</li>
									<li>
										<a href="">查看订单</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="ZZHT-user-content order_list">
							<div class="fl">
								<ul>
									<li>
										<img src="../img/2f7a1ee4ddda87864e4a8210ee10eeac.jpg" alt="" width="60px" height="60px"/>
									</li>
									<li>
										<img src="../img/3bdc0588ae367c3b48efadb334a6dad1.png" alt="" width="60px" height="60px"/>
									</li>
									<li>
										<img src="../img/38420d77457f1533e9128ccd9d374b2c.jpg" alt="" width="60px" height="60px"/>
									</li>
								</ul>
							</div>
							<div class="fr">
								<ul>
									<li>李小洒</li>
									<li>
										&yen;1099.00<br />
										在线支付
									</li>
									<li>
										2018-05-08 <br />
										10:30:14
									</li>
									<li>
										<span>等待付款</span>
									</li>
									<li>
										<a href="">查看订单</a>
									</li>
								</ul>
							</div>
						</div>
					</div>-->
				</div>
			</div>
			<div style="clear:both;"></div>
			<br>
		</div>
		<!--<div id="ck1"></div>-->
		<div id="ck3"></div>
		
		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<script src="../plugin/layer/layer.js"></script>
		<script src="../js/ljf_base.js" type="text/javascript" ></script>

		<script type="text/javascript">
			if(!localStorage.userId){
				window.location.href="../view/login.html";
			}
			console.log(JSON.parse(localStorage.userInfo));
			var vm = new Vue({
				el:'#app',
				data:{
					userType : JSON.parse(localStorage.userInfo).userType,
					yue:{},
				}
			});
			
			getUserPhoto();
			
			$.ajax({//获取用户信息 余额
				type: "get",
				url: SURL + "webAccount/getAccountByUserId",
				data: {
					"userId":localStorage.userId,
				},
				dataType: 'json',
				success: function(res) {
					if(res.messageCode==200){
						vm.yue = res.entity;
					}else{
						layer.msg(res.message);
					}
				}
			});
			$.ajax({//获取待操作事项
				type: "get",
				url: SURL + "sktOrders/selectUserOrdersInfo",
				data: {
					"userId":localStorage.userId,
				},
				dataType: 'json',
				success: function(res) {
					console.log(res);
					$('.need_pay').html(res.entity.obligation);
					$('.need_take_over').html(res.entity.goodsReceived);
					$('.need_evaluate').html(res.entity.evaluated);
				}
			});
		</script>
	</body>

</html>